<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			p{
				font-family: arial, serif;
			}
		</style>
	</head>
	<body>
		<!-- 
		在网页中，字体分为五类： 
			serif(衬线字体)
			sans-serif（非衬线字体）
			monospace（等宽字体）
			cursive（草书字体）
			fantasy（虚幻字体）
			
			不同浏览器的显示是不同的。
			
			一般将下面的字体，放在font-family的最后面。
			防止前面的字体都没有，就用最后一个字体。
		-->
		
		<!-- 浏览器会自动从“衬线字体”中选择一种使用 -->
		<p style="font-size: 50px; font-family: serif;">serif字体</p>
		<p style="font-size: 50px; font-family: sans-serif;">sans-serif字体</p>
		<p style="font-size: 50px; font-family: monospace;">monospace 等宽字体</p>
		<p style="font-size: 50px; font-family: cursive;">cursive草书字体</p>
		<p style="font-size: 50px; font-family: fantasy;">fantasy虚幻字体</p>
	</body>
</html>
